#_popupBox{
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#_popupBox svg{
  /*border: 1px solid #999;*/
  position: absolute;
  top: -195px;
  left: -5px;
}
#_popupBox svg .point{
  fill: none;
  stroke-width: 1px;
  stroke: none;
  stroke-dasharray: 300;
  animation: depict 1s linear 0s 1 normal forwards;
}
#_popupBox svg .line{
  fill: none;
  stroke-width: 1px;
  stroke: none;
  stroke-dasharray: 300;
  animation: depict 1s linear 0.5s 1 normal forwards;
}
#_popupBox ._content{
  position: absolute;
  top: -200px;
  left: 90px;
  opacity: 0;
  background-color: gray;
  animation: opcityShow 1s linear 1s 1 normal forwards;
}

@keyframes depict {
  from {
    stroke: red;
    stroke-dashoffset: 300px;
  }
  to {
    stroke: red;
    stroke-dashoffset: 0;
  }
}

@keyframes opcityShow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
